<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <title>JQuery.Spreadsheet UI</title>

        <script src="js/jquery.js"></script>
        <script src="js/ui.base.js"></script>
        <script src="js/ui.draggable.js"></script>

        <script type="text/javascript" src="js/jquery.tableresizer.js"></script>
        <script type="text/javascript" src="js/jquery.textbox.js"></script>
        <script type="text/javascript" src="js/jquery.spreadsheet.js"></script>

        <style type="text/css">
        
            @import "css/jquery.textbox.css";
            @import "css/jquery.spreadsheet.css";

            * { 
                margin:         0px;
                padding:        0px;
                font:           11px sans-serif;            }

        </style>

        <script type="text/javascript">
            $(function()
            {
                $("#hn").spreadsheet({fullscreen:true});
                $("#hn").spreadsheet("setWidth","b",200);
                $("#hn").spreadsheet("setHeight","2",30);
                $("#hn").spreadsheet("setValue","c5","foo");
                $("#hn").spreadsheet("setStyle","c5","font-style","italic");
                $("#hn").spreadsheet("addName","b2:c3","newRange");
                $("#hn").spreadsheet("addFunction","MATHS","ABS","=ABS(number)");
                $("#hn").spreadsheet("addFunction","MATHS","ACOS","=ACOS(number)");
                $("#hn").spreadsheet("addFunction","MATHS","ASIN","=ASIN(number)");
                $("#hn").spreadsheet("addFunction","LOGICAL","AND","=AND(value1,value2,...)");
                $("#hn").spreadsheet("addFunction","LOGICAL","FALSE","=FALSE()");

            });
        </script>

    </head>

    <body scroll="no">
        <div id="hn"></div>
    </body>

</html>
